<template>
	<view>
		<v-tag size="small">小标签</v-tag>
		<v-tag content="主要标签" @click="click" />
		<v-tag size="large">大标签</v-tag>
		<v-tag type="delete">删除</v-tag>
		<v-tag type="succeed">成功</v-tag>
		<v-tag type="info">信息</v-tag>
		<v-tag type="warn">警告</v-tag>
		<hr />
		<v-tag content="可关闭的" :closable="true" @close="close" />
		<v-tag content="禁用的" disabled />
		<hr />
		<v-tag type="warn" plain>警告</v-tag>
		<v-tag model="semicircle">圆角标签</v-tag>
		<v-tag model="square">方形标签</v-tag>
		<v-tag model="semicircle">圆角标签</v-tag>
		<v-tag model="circle">圆形标签</v-tag>
	</view>
</template>

<script setup>
const close = (value) => {
	console.log(value);
};
const click = () => {
	console.log('v uni app ui ');
};
</script>

<style>
.v-tag {
	margin: 20rpx 40rpx;
}
</style>
